<template>
  <div>
     <h1>我是Home内容</h1>
    <!-- 导航区 -->
    <ul class="nav nav-tabs">
      <li>
         <router-link class="list-group-item" to="/home/news">News</router-link>
      </li>
      <li>
        <router-link class="list-group-item" to="/home/message">Message</router-link>
      </li>
    </ul>
    <!-- 展示区 -->
    <div>
       <!-- 展示区域暂时没有任何组件显示!!!!!! -->
       <!-- 路由出口的地方 -->
       <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style scoped>
</style>
